<template>
  <div class="wrapper">
    <div class="title">合作品牌</div>
    <div class="">
      <van-swipe :loop="true" :width="91" :autoplay="3000" :show-indicators="false">
        <van-swipe-item v-for="count in 25" :key="count">
          <img class="info_img" :src="getImgUrl(count)">
        </van-swipe-item>
      </van-swipe>
    </div>
  </div>
</template>

<script>
export default {
  name: 'CompanyEntrust',
  methods: {
    getImgUrl (img) {
      return require('../../../assets/img/cooperation/cooperation' + img + '.png')
    }
  }
}
</script>
<!-- Add "scoped" attribute to limit CSS to this component only -->
<style lang="stylus" scoped>
.wrapper
  width 100%
  padding 0 .4rem
  margin-bottom .1rem /* 5/50 */
  .title
    height .8rem /* 40/50 */
    line-height .8rem /* 40/50 */
    font-size .4rem /* 20/50 */
    margin-bottom .2rem /* 10/50 */
    font-weight bold
  .van-swipe
    padding-bottom .4rem
    padding-top .2rem
    .van-swipe-item
      padding-right 16px
      .info_img
        width 75px
        height 75px
        box-shadow 0px 0px 5px 0px rgba(4, 0, 0, 0.1)
        border-radius 50%
</style>
